<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班级竞赛</title>
    <link rel="stylesheet" href="./css/wzh.css">
</head>

<body>
    <!--头部-->
    <header>
        <h1>班级竞赛</h1>
        <p>软件2401班级</p>
        <p>2025年5月9日</p>
    </header>
    <!--导航栏-->
    <nav>
        <ul>
            <li><a href="#">竞赛介绍</a></li>
            <li><a href="#">参赛选手</a></li>
            <li><a href="#">竞赛规则</a></li>
            <li><a href="#">成绩展示</a></li>
        </ul>
    </nav>
    <!--主体内容-->
    <main>
        <!--竞赛介绍-->
        <div class="com">
            <h2>竞赛介绍</h2>
            <p>本次班级竞赛旨在提高同学们的积极性和团队协助能力，通过竞赛的形式激发学生们的学习热情，促进班级整体学习氛围的提升。竞赛形式为个人赛，涵盖语文、数学、英语、多个学科。</p>
        </div>
        <!--参赛选手-->
        <div>
            <h2>参赛选手</h2>
            <article>
                <img src="./img/zhangsan.webp" alt="学生1">
                <h3>姓名：张三</h3>
                <p>简介: 勤奋好学，成绩优异</p>
            </article>
            <article>
                <img src="./img/lisi.jpg" alt="学生2">
                <h3>姓名:李四</h3>
                <p>简介:思维敏捷，善于思考</p>
            </article>
            <article>
                <img src="./img/wangwu.jpg" alt="学生3">
                <h3>姓名:王五</h3>
                <p>简介:学习刻苦，进步显著</p>
            </article>
        </div>
         <!-- 竞赛规则 -->
         <section>
            <h2>竞赛规则</h2>
            <p>1.竟赛时间为1小时，选手需在规定时间内完成所有题目。</p>
            <p>2.竟赛题日包括选择题、填空题和简答题，总分为 100 分。</p>
            <p>3.选手需独立完成竟赛，不得抄袭或作弊，否则取消比赛资格。</p>
            <p>4.根据选手的最终成绩进行排名，评选出一等奖1名、二等奖2名、三等奖3名。</p>
        </section>
    </main>
     <!-- 成绩展示 -->
     <section>
        <h2 style="margin-left: 20px;">成绩展示</h2>
        <table style="margin-left: 5%;">
            <thead>
                <tr>
                    <th>选手姓名</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                    <th>总分</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>张三</td>
                    <td>90</td>
                    <td>95</td>
                    <td>88</td>
                    <td>273</td>
                </tr>
                <tr>
                    <td>李四</td>
                    <td>85</td>
                    <td>88</td>
                    <td>92</td>
                    <td>265</td>
                </tr>
                <tr>
                    <td>王五</td>
                    <td>80</td>
                    <td>82</td>
                    <td>88</td>
                    <td>250</td>
                </tr>
            </tbody>
        </table>
    </section>
</main>
<!-- 底部 -->
<footer>
    <p>班级口号：团结、奋进、拼搏、向上</p>
    <p>制作人：王朝晖</p>
</footer>
</body>

</html>